@import './element.scss';
@import './transition.css';
@import './reset.scss';
@import './var.scss';
@import './qweather-icons.css';




.el-button--primary:focus {
  background-color: var(--el-color-primary) !important;
}

.el-button--primary.is-link:focus {
  background-color: transparent !important;
}


$primary: var(--el-color-primary);





.dw_animate {
  transition: all 0.3s;
}

.hover-shadow {
  // transition: all 0.3s;
  // .dw_animate
  @extend .dw_animate;

  &:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 10px #ddd;
  }
}

.animate_rotate180 {
  transform: rotate(180deg);
}

.truncate-2 {
  overflow: hidden;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}



.truncate-4 {
  overflow: hidden;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

